<template>
    <div>
        <div class="right-body">
       <div class="operation">
           <a><i class="delete"></i>删除</a>
           <a>标记为已读</a>
       </div>
        <ul class="news-list">
            <li>
                <a>
                    <div class="new-checkbox">
                        <span class="checkbox_square checked">
                            <input  name="minimal-radio"  type="checkbox">
                        </span>
                    </div>

                    <div class="new-title">
                        <h2>产品功能上线通知</h2>
                        <p>亲爱的粉丝们：简单约玩【闪电下单】功能于2018年09月27日00:00正式上线，快点去玩耍吧！更多便捷的下单模式等着你去尝试</p>
                    </div>
                    <div class="new-time">
                        2018-09-26
                    </div>
                </a>
            </li>

            <li>
                <a>
                    <div class="new-checkbox">
                        <span class="checkbox_square">
                            <input  name="minimal-radio"  type="checkbox">
                        </span>
                    </div>

                    <div class="new-title">
                        <h2>产品功能上线通知</h2>
                        <p>亲爱的粉丝们：简单约玩【闪电下单】功能于2018年09月27日00:00正式上线，快点去玩耍吧！更多便捷的下单模式等着你去尝试</p>
                    </div>
                    <div class="new-time">
                        2018-09-26
                    </div>
                </a>
            </li>

            <li>
                <a>
                    <div class="new-checkbox">
                        <span class="checkbox_square checked">
                            <input  name="minimal-radio"  type="checkbox">
                        </span>
                    </div>

                    <div class="new-title">
                        <h2>产品功能上线通知</h2>
                        <p>亲爱的粉丝们：简单约玩【闪电下单】功能于2018年09月27日00:00正式上线，快点去玩耍吧！更多便捷的下单模式等着你去尝试</p>
                    </div>
                    <div class="new-time">
                        2018-09-26
                    </div>
                </a>
            </li>

            <li>
                <a>
                    <div class="new-checkbox">
                        <span class="checkbox_square checked">
                            <input  name="minimal-radio"  type="checkbox">
                        </span>
                    </div>

                    <div class="new-title">
                        <h2>产品功能上线通知</h2>
                        <p>亲爱的粉丝们：简单约玩【闪电下单】功能于2018年09月27日00:00正式上线，快点去玩耍吧！更多便捷的下单模式等着你去尝试</p>
                    </div>
                    <div class="new-time">
                        2018-09-26
                    </div>
                </a>
            </li>
        </ul>

        <!--page  begin-->
        <div class="page-layout">
            <ul class="page">
                <li><a class="active">1</a></li>
                <li><a>2</a></li>
                <li><a>3</a></li>
                <li><a>4</a></li>
                <li><a>5</a></li>
                <li><a>6</a></li>
                <li><a>7</a></li>
                <li><a>8</a></li>
                <li>...</li>
                <li><a>288</a></li>
                <li><a>下一页</a></li>
                <li>共288页</li>
                <li>到第<input type="text">页</li>
                <li><a type="button">确定</a></li>
            </ul>
        </div>
        <!--page  end-->
    </div>
    </div>
</template>
